<!DOCTYPE html>
<html>
<head>
<title>markdown语法学习</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/* GitHub stylesheet for MarkdownPad (http://markdownpad.com) */
/* Author: Nicolas Hery - http://nicolashery.com */
/* Version: b13fe65ca28d2e568c6ed5d7f06581183df8f2ff */
/* Source: https://github.com/nicolahery/markdownpad-github */

/* RESET
=============================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

/* BODY
=============================================================================*/

body {
  font-family: Helvetica, arial, freesans, clean, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  padding: 20px;
  max-width: 960px;
  margin: 0 auto;
}

body>*:first-child {
  margin-top: 0 !important;
}

body>*:last-child {
  margin-bottom: 0 !important;
}

/* BLOCKS
=============================================================================*/

p, blockquote, ul, ol, dl, table, pre {
  margin: 15px 0;
}

/* HEADERS
=============================================================================*/

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
  font-size: inherit;
}

h1 {
  font-size: 28px;
  color: #000;
}

h2 {
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  color: #000;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  color: #777;
  font-size: 14px;
}

body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h4:first-child, body>h5:first-child, body>h6:first-child {
  margin-top: 0;
  padding-top: 0;
}

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
  margin-top: 10px;
}

/* LINKS
=============================================================================*/

a {
  color: #4183C4;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* LISTS
=============================================================================*/

ul, ol {
  padding-left: 30px;
}

ul li > :first-child, 
ol li > :first-child, 
ul li ul:first-of-type, 
ol li ol:first-of-type, 
ul li ol:first-of-type, 
ol li ul:first-of-type {
  margin-top: 0px;
}

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}

dl {
  padding: 0;
}

dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 15px 0 5px;
}

dl dt:first-child {
  padding: 0;
}

dl dt>:first-child {
  margin-top: 0px;
}

dl dt>:last-child {
  margin-bottom: 0px;
}

dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}

dl dd>:first-child {
  margin-top: 0px;
}

dl dd>:last-child {
  margin-bottom: 0px;
}

/* CODE
=============================================================================*/

pre, code, tt {
  font-size: 12px;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

code, tt {
  margin: 0 0px;
  padding: 0px 0px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px;
}

pre>code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}

pre {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
}

pre code, pre tt {
  background-color: transparent;
  border: none;
}

kbd {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #DDDDDD;
    background-image: linear-gradient(#F1F1F1, #DDDDDD);
    background-repeat: repeat-x;
    border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 10px;
    padding: 1px 4px;
}

/* QUOTES
=============================================================================*/

blockquote {
  border-left: 4px solid #DDD;
  padding: 0 15px;
  color: #777;
}

blockquote>:first-child {
  margin-top: 0px;
}

blockquote>:last-child {
  margin-bottom: 0px;
}

/* HORIZONTAL RULES
=============================================================================*/

hr {
  clear: both;
  margin: 15px 0;
  height: 0px;
  overflow: hidden;
  border: none;
  background: transparent;
  border-bottom: 4px solid #ddd;
  padding: 0;
}

/* TABLES
=============================================================================*/

table th {
  font-weight: bold;
}

table th, table td {
  border: 1px solid #ccc;
  padding: 6px 13px;
}

table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}

table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

/* IMAGES
=============================================================================*/

img {
  max-width: 100%
}
</style>
</head>
<body>
<h1>1.表格</h1>
<h3>语法说明</h3>
<pre><code>1.不管是哪种方式，第一行为表头，第二行分隔表头和主体部分，第三行开始每一行为一个表格行;

2.列与列之间与管道符 | 分隔开;

3.第二行还可以指定表格对齐方式。默认为左对齐，在-右边加上:就右对齐，在左边加上:就是左对齐,在两边加上::就是居中对齐；

4.默认markdown不支持table，需要使用扩展的markdown处理器。
</code></pre>

<h3>例子</h3>
<p>（1）左对齐</p>
<table>
<thead>
<tr>
	<th>学号</th>
	<th>姓名</th>
	<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
	<td>小明</td>
	<td>男</td>
	<td>75</td>
</tr>
<tr>
	<td>小红</td>
	<td>女</td>
	<td>79</td>
</tr>
<tr>
	<td>小陆</td>
	<td>男</td>
	<td>92</td>
</tr>
<tr>
	<td>小陆</td>
	<td>男</td>
	<td>92</td>
</tr>
</tbody>
</table>
<p>（2）右对齐</p>
<table>
<thead>
<tr>
	<th align="right">学号后就开始倒海翻江</th>
	<th align="center">姓名是否是否</th>
	<th align="right">分数学号后就开始倒海翻江</th>
</tr>
</thead>
<tbody>
<tr>
	<td align="right">小明</td>
	<td align="center">男</td>
	<td align="right">75</td>
</tr>
<tr>
	<td align="right">小红</td>
	<td align="center">女</td>
	<td align="right">79</td>
</tr>
<tr>
	<td align="right">小陆</td>
	<td align="center">男</td>
	<td align="right">92</td>
</tr>
<tr>
	<td align="right">小陆</td>
	<td align="center">男</td>
	<td align="right">92</td>
</tr>
</tbody>
</table>
<h1>2.标题</h1>
<h3>语法说明</h3>
<pre><code>1.总共有6级标题，一个#号代表一级标题，一次往下，#可以只写一个放在标题左边，也可以两边都写。
</code></pre>

<h3>代码</h3>
<pre><code># 一级标题 #
## 二级标题 ##
###### 六级标题 ######
</code></pre>

<h3>例子</h3>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h6>六级标题</h6>
<h1>3.段落</h1>
<h3>语法说明</h3>
<pre><code>段落与段落之间存在空白行即为换行
</code></pre>

<h3>代码</h3>
<pre><code>段落一

段落二
</code></pre>

<h3>演示</h3>
<p>段落1</p>
<p>段落2</p>
<h1>4.列表</h1>
<h3>语法说明</h3>
<pre><code>1.有序列表：使用1. 2. 3.即可标题有序列表
2.无序列表：使用+或-或=或*即可表示无序列表（注：符号与文字间需要留空格）
</code></pre>

<h3>代码</h3>
<pre><code>1.有序列表1
2.有序列表2
* 无序列表1
+ 无序列表2
- 无序列表3
</code></pre>

<h3>例子</h3>
<ul>
<li>
无序列表1
<ul>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>
</li>
</ul>
<h1>5.粗体和斜体</h1>
<h3>语法说明</h3>
<pre><code>1.粗体：前后各两个**或者前后各两个__即可表示粗体
2.斜体：前后各一个*或者各一个_即可表示斜体
3.注意：粗体和斜体符号前后不能有空格
</code></pre>

<h3>代码</h3>
<pre><code>**粗体1**
__粗体2__
*斜体1*
_斜体2_
</code></pre>

<h3>例子</h3>
<p><strong>粗体1</strong></p>
<p><strong>粗体2</strong></p>
<p><em>斜体1</em></p>
<p><em>斜体2</em></p>
<h1>6.分割线</h1>
<h3>语法</h3>
<pre><code>一行中用3个或者3个往上的*号或者-号或者_号即可生成分割线（注：符号之间只能存在空格，不能存在其他字符）
</code></pre>

<h3>代码</h3>
<pre><code>***
---
___
</code></pre>

<h3>例子</h3>
<hr />
<hr />
<hr />
<h1>7.代码块</h1>
<h3>语法</h3>
<pre><code>1.整体代码块：使用tab键
2.局部代码块：使用`代码块内容`（此符号为esc键位下的一个键）
</code></pre>

<h3>代码</h3>
<pre><code>tab键+整体代码块内容
`局部代码块内容`
</code></pre>

<h3>演示</h3>
<pre><code>整体代码块内容
</code></pre>

<p><code>局部代码块内容</code></p>
<h1>8.删除线</h1>
<h3>语法</h3>
<pre><code>使用 ~~ 表示删除线。（注：~~ 和 要添加删除线的文字之间不能有空格。markdown此软件不支持此语法,可以用&lt;del&gt;或者&lt;del&gt;&lt;/del&gt;代替。）
</code></pre>

<h3>代码</h3>
<pre><code>~~这是一条删除线~~
</code></pre>

<h3>演示</h3>
<p><del>要删除的内容1</p>
<p><del>要删除的内容2</del>是看得见</p>
<h1>9.引用</h1>
<h3>语法</h3>
<pre><code>在被引用的文本前加上&gt;符号即可,两个表示二级引用
</code></pre>

<h3>代码</h3>
<pre><code>&gt;文本
&gt;&gt;文本2
</code></pre>

<h3>演示</h3>
<blockquote>
<p>文本</p>
<blockquote>
<p>文本2</p>
</blockquote>
</blockquote>
<h1>10.超链接</h1>
<h3>语法</h3>
<pre><code>1.显示连接：用&lt;地址&gt;包起来。注：需要交http协议或者https协议。
2.隐式链接：[链接文字](链接地址 &quot;链接标题&quot;) 注：链接标题为title属性，可省略。括号，引号为英文格式。
</code></pre>

<h3>代码</h3>
<pre><code>&lt;显示链接地址&gt;
[隐式链接文字](隐式链接地址 “链接标题”)
</code></pre>

<h3>演示</h3>
<p><a href="http://example.com/">http://example.com/</a></p>
<p><a href="https://www.baidu.com">https://www.baidu.com</a></p>
<p><a href="链接地址" title="title">链接文字</a></p>
<h1>11.转义</h1>
<h3>语法</h3>
<pre><code>当使用特殊字符与markdown语法有冲突时，可以使用反引号``特殊字符``（此符号为esc下方的按键）
</code></pre>

<h3>代码</h3>
<pre><code>··特殊字符··
</code></pre>

<h3>演示</h3>
<p><code>...</code></p>
<h1>12.字体颜色 大小 种类</h1>
<h3>语法</h3>
<pre><code>使用&lt;font face='字体' color=颜色 size=大小&gt;&lt;/font&gt;标签
</code></pre>

<p><strong>注：颜色可以不加引号，大小无px单位，值为0-10</strong></p>
<h3>代码</h3>
<pre><code>&lt;font color=#0099ff size=12 face=&quot;黑体&quot;&gt;黑体&lt;/font&gt;
</code></pre>

<h3>演示</h3>
<p><font color=#0099ff size=10 face="黑体">黑体</font></p>

</body>
</html>
<!-- This document was created with MarkdownPad, the Markdown editor for Windows (http://markdownpad.com) -->
